<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" th:href="@{/own.css}">
    <script th:src="@{/layui/layui.js}"></script>
    <script th:src="@{axios.js}"></script>
    <script th:src="@{vue.js}"></script>
</head>
<body>
<div class="user_info_left">

    <img th:src="@{/img/wbz.jpg}" class="img1"/></br>
    <div class="layui-upload">
        <button type="button" class="layui-btn" id="test1">上传图片</button>
        <div class="layui-upload-list">
            <img class="layui-upload-img" id="demo1">
            <p id="demoText"></p>
        </div>
    </div>

    <hr class="layui-bg-blue">

    </div>

<div class="user_info_right">
    <h1>个人简介</h1>
    <table class="layui-table" lay-even="" lay-skin="row" id="user">
        <colgroup>
            <col width="150">
            <col width="150">
            <col width="200">
            <col>
        </colgroup>
        <thead>
        <tr>
            <th>姓名</th>
            <th>{{username}}</th>

        </tr>
        </thead>
        <tbody>
        <tr>
            <td>年龄</td>
            <td>{{age}}</td>

        </tr>
        <tr>
            <td>性别</td>
            <td>sex</td>

        </tr>
        <tr>
            <td>出生年月日</td>
            <td>{{birthday}}</td>

        </tr>
        <tr>
            <td>身体状况</td>
            <td>{{health}}</td>

        </tr>
        <tr>
            <td>用户权限</td>
            <td>{{quanxian}}</td>

        </tr>
        </tbody>
    </table>

    <button type="button" class="layui-btn layui-btn-normal">修改数据</button>
</div>
<br>
<div>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
    <legend>常规折叠面板</legend>
</fieldset>
<div class="layui-collapse" lay-filter="test">
    <div class="layui-colla-item">
        <h2 class="layui-colla-title">为什么要进行步态分析？</h2>

    </div>
    <div class="layui-colla-item">
        <h2 class="layui-colla-title">我们的系统与其他的有什么区别</h2>

    </div>
    <div class="layui-colla-item">
        <h2 class="layui-colla-title">该系统适合哪些患者？</h2>

    </div>
    <div class="layui-colla-item">
        <h2 class="layui-colla-title">了解更多</h2>

    </div>
</div>
</div>
<script th:src="@{user.js}"></script>
</body>
</html>